@charset "utf-8";



/*******CSS commont*************/



html {



    font-size: 62.5%;



    /* 10÷16=62.5% */



}



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}



img{border:0;max-width: 100%}



ol,ul,li{list-style:none;}



h1,h2,h3{font-weight:normal;font-size:100%;}



q:before,q:after{content:'';}



abbr,acronym{border:0;font-variant:normal;}



sup{vertical-align:text-top;}



sub{vertical-align:text-bottom;}



input,textarea,select,button{font-weight:inherit;font-size:inherit;font-family:inherit; border: 0px;}



input,textarea,select{*font-size:100%;}legend{color:#000;}



/*******CSS reset*************/



body{ background:#fafafa; color:#343434;line-height: 2.4rem; font-size: 12px; font-size:1.2rem;font-family:'Microsoft YaHei','微软雅黑',Arial;}



@media (min-width:1200px) 



{



    body{ font-size: 16px; font-size:1.6rem; }



}



a{color:#000;text-decoration:none; cursor: pointer; transition: all 0.3s;}



a:hover{ text-decoration: none; color:#259dfc; }



.left{float:left;}



.right{float:right;}



.ovfl{ overflow:hidden;}



.mar{ margin:0px auto;}



.clear{clear:both;}



.hidden{display:none;}



.filter_bg8{ filter: alpha(opacity=80); opacity: 0.8; }



.truncate {



    display: block;



    white-space: nowrap;



    overflow: hidden;



    text-overflow: ellipsis;



}







/*******Css header*******/



#header{height: auto;background: #fff; overflow: hidden;}



#header .container{position: relative; }



#header .topbox{padding:0.5rem 0;}



#header .topbox .toplogo{width:70%; float: left;}



#header .topbox .toplogo img{padding:1rem 0;max-width: 100%}

#header .topbox .topwords{height: 40px; color: #888484;font-size: 14px;line-height: 20px;margin-left: 20px;margin-top: 10px; background: url(../Image/topwords.png) left center no-repeat; float: left;padding-left: 20px;}

#header .topbox .topwords big{font-size: 18px;color: #444242;font-weight: bold;}

#header .topbox .toptel{line-height: 24px;font-size: 14px;color: #888484; float: right;padding-top:5px;}

#header .topbox .toptel span{display: block;}

#header .topbox .toptel b{color: #259dfc;font-size: 22px;font-family: Arial;font-weight: normal;}

#header .topbox .toptel a{color: #888484;}

@media(min-width: 1200px)

{

    #header .topbox{padding:24px 0}

}

/*pc menu*/



.nav{width:100%; height:52px;padding: 14px 0; background: #259dfc}



.nav ul { width:1200px; height:24px; margin: 0 auto}



.nav ul li{ width:150px; height:24px;border-right: 1px #1e7eca solid;border-left: 1px #51b1fd solid; text-align:center;float:left;position: relative; transition: 0.4s all}

.nav ul li span{}

.nav ul li a{color: #fff;font-size: 16px;line-height:24px; display: block;}

.nav ul li:first-child{border-left: none;}

.nav ul li:last-child{border-right: none;}

.nav ul li.selected a{color: #ff0}

.nav ul li span{width:40px;height:2px;background: #ff0; top:30px; left: 50%;margin-left: -20px; display: block;position: absolute;transform: scale(0);transition: 0.4s all}

.nav ul li:hover span{transform: scale(1);}

.nav ul li.selected span{transform: scale(1);}

.nav ul li:hover a{color: #ff0}





@media (min-width:1200px) 



{

    #header .topbox .toplogo{width: 383px}

}



.nav-trigger{ width:26px; height:26px; z-index:999; background: url(../Image/micon.png) center no-repeat;background-size: 90% 90%; outline: 0px; cursor: pointer; position: absolute; top: 50%; margin-top: -13px; right: 15px; }



.navigation-is-visible .nav-trigger{ width: 32px; height: 30px; background: url(../Image/icon11.png) no-repeat;  position: absolute; top: 50%; margin-top: -15px; left: 15%;}



.nav_transform1{position:absolute;top:0; left:30%; display: none; z-index:20;overflow-y:scroll; padding:10px;width:70%;height: 100%; border:0;background:#FFFFFF; text-transform:none; overflow-scrolling:touch;}



.nav_transform1{transition:-webkit-transform .3s cubic-bezier(.86,0,.07,1);transition:transform .3s cubic-bezier(.86,0,.07,1);}



.navigation-is-visible .nav_transform1{-webkit-transform:none;transform:none; display:block;}



.nav-overlay{position:fixed;top:0;left:50%; margin-left:-375px; z-index:10;width:750px;height:100vh;background:rgba(0,0,0,.6);opacity:0;transition:opacity .3s linear;pointer-events:none;}



.navigation-is-visible .nav-overlay{opacity:1;pointer-events:auto;}



.navp1{ padding: 10px 0px 10px 30px;  }



.navp1 img{ max-width: 80%; }



.navp2{ padding-left: 30px; font-size: 1.4rem;}



.navp2 b{ font-size: 1.6rem; color: #f31313; }



.navul{ width: 90%; margin: 15px auto 25px;}



.nav-item{position: relative; line-height:40px; max-height:40px; font-size: 1.6rem;text-align: center;}



.nav-item.on a{ color: #259dfc;font-weight: bold;}







/*mobile menu*/



#mnav{ padding:6px; background:#c58c45; overflow: hidden;}



#mnav a{ color: #fff; height:30px; line-height: 30px; float: left; width: 25%; text-align: center;}



#mnav a.on{border: 1px #fff solid}



/*******Css banner*******/

.banner{width:100%; height:451px;position: relative; overflow:hidden;z-index: 1}

.page_banner{ width: 100%; margin:0px auto; text-align:center; overflow:hidden;position: relative;z-index: 1}

.page_banner img{ max-width: 100%; }

.bn01{width: 100%;text-align: center;font-size: 30px;line-height: 50px;top: 50%;transform: translateY(-50%);/* left: 50%; *//* transform: translateX(-50%); */position: absolute;z-index: 2;}

.bn01 big{color: rgba(0,0,0,0.2);font-size: 40px;text-transform: uppercase;display: block;}



.title02 .p01{font-size:2rem; color: #4e4d4c;font-weight: bold;text-align: center;}

.title02 .p02{font-size: 1.4rem;color:rgba(100,94,94,0.8);line-height: 2rem;padding-top: 1rem}

@media (min-width:1200px) 

{

    .title02 .p01{font-size:3.6rem;line-height:5.6rem;}

    .title02 .p02{text-align: center;}

}



/*******Css index*******/

.index01{background: #fff; padding:3rem 0}

.index01 .index01-1{}

.index01 .index01-1 .p01{font-weight: bold;color: #343435; font-size:1.8rem;padding-bottom: 1rem}

.index01 .index01-1 .p02{color: #888787}

.index01 .index01-1 .p03{width: 80%;height: auto; padding-top: 1rem;margin: 0 auto;overflow: hidden;}

.index01 .index01-1 .p03 li{width: 50%;padding:0.5rem 0; color: #3b3939;line-height: 30px; font-weight: bold;font-size: 1.5rem;float: left;}

.index01 .index01-1 .p03 li img{padding-right: 0.5rem;float: left;}

.index01 .index01-1 .p03 li:hover{color: #259dfc}

.index01 .index01-1 .p03 li:hover img{animation:swing 1s}

.index01 .index01-2{padding-top: 2rem}

@media(min-width: 1200px)

{

    .index01 .index01-1{width: 615px;float: left;}

    .index01 .index01-1 .p01{font-size: 32px;padding-top: 48px;}

    .index01 .index01-1 .p02{font-size:14px;line-height: 27px;padding-top: 25px;}

    .index01 .index01-1 .p03{width: 100%;padding-top: 30px}

    .index01 .index01-1 .p03 li{width: 25%;font-size: 18px}

    .index01 .index01-2{width:515px;float: right;}



}

.index02{padding:3rem 0;background: #e6e6e6}

.index02 .index02-1{}

.index02 .index02-1 img{max-width: 25%;display: block; margin: 0 auto}

.index02 .index02-1 p{padding: 1rem 0;}

.index02 .index02-1 p a{color: #5c5c5c;padding-right: 1rem;margin-right: 1rem; background: url(../Image/line2.png) right center no-repeat;}

.index02 .index02-1 p a:hover{color: #000;font-weight: bold;}

.index02 .index02-1 p a:last-child{background: none}

.index02 .prolist01{}

.index02 .prolist01 li{padding:1.5rem;margin:0 0.5rem 1rem; background: #fff;position: relative;}

.index02 .prolist01 li .hot{width:50px;height:52px;background: url(../Image/tuijian.png) center no-repeat;background-size: 100% 100%; position: absolute;left: -5px;top: -5px;}

.index02 .prolist01 li .pleft{width: 50%;float: left;}

.index02 .prolist01 li .p01{line-height:2rem;height:10rem;color: #343434; overflow: hidden;}

.index02 .prolist01 li .p01 big{font-size:1.6rem;color: #343434; padding-bottom: 0.5rem; display: block;}

.index02 .prolist01 li .p02{padding-top: 1rem}

.index02 .prolist01 li .p02 .bt01{padding-left: 20px;background: url(../Image/p01.png) left center no-repeat;background-size: auto 90%;padding-right: 1rem}

.index02 .prolist01 li .p02 .bt02{padding-left: 20px;background: url(../Image/p02.png) left center no-repeat;background-size: auto 90%;}

.index02 .prolist01 li .pright{width: 50%;padding-top: 5%; float: right;}

.index02 .prolist01 li .pright img{max-width: 100%;transition: 0.4s all}

.index02 .prolist01 li .pright img:hover{transform: scale(1.1);}

.index02 .prolist02 .owl-items{background: #fff;margin:0 0.5rem;padding: 1rem;text-align: center;line-height: 3rem}

.index02 .prolist02 .owl-items img{max-width: 100%;transition: 0.4s all}

.index02 .prolist02 .owl-items img:hover{transform: scale(1.1);}

@media(min-width: 1200px)

{

    .index02{padding: 70px 0 90px}

    .index02 .index02-1{height:68px;}

    .index02 .index02-1 p{width: 978px;padding: 0; float: right;}

    .index02 .index02-1 p a{font-size: 15px;line-height: 34px;}

    .index02 .index02-1 img{display: inline;float: left;}

    .index02 .prolist01{padding-top: 35px}

    .index02 .prolist01 li .pleft{padding-left: 30px}

    .index02 .prolist01 li .hot{width: 98px;height: 102px;left: -5px;top: -5px;}

    .index02 .prolist01 li{width:580px;margin: 0 10px; float: left;}

    .index02 .prolist01 li .p01{font-size: 14px;line-height: 25px;height: 180px;}

    .index02 .prolist01 li .p01 big{font-size: 26px;line-height: 80px;padding-bottom: 0}

    .index02 .prolist01 li .p02{font-size: 14px;padding: 35px 0 45px}

    .index02 .prolist01 li .p02 .bt01{padding-left:35px;line-height: 40px;display: inline-block; background-size: auto}

    .index02 .prolist01 li .p02 .bt02{padding-left:40px;line-height: 40px;display: inline-block;background-size: auto}

    .index02 .prolist02{padding-top: 20px}

    .index02 .prolist02 .owl-items{margin: 0 10px}

}

.index03{background:url(../Image/index03.jpg) center no-repeat #1f85d4;background-size: auto 100%; padding:3rem 0;position: relative;z-index: 2}

.index03 .box01{}

.index03 .box01 img{max-width: 80%;display: block;margin: 0 auto}

.index03 .box01 .p2{padding:2rem 0}

.index03 .box02{background: #fff;box-shadow: 0px 0px 30px rgba(0,0,0,0.1)}

.index03 .box02 ul{height: auto;padding: 3rem 0;overflow: hidden;}

.index03 .box02 ul li{width: 50%;color: #888888; line-height: 2rem; text-align: center; padding: 0 15px; float: left;}

.index03 .box02 ul li.pd{margin-bottom:2rem;}

.index03 .box02 ul li img{max-width: 50%;display: block;margin: 0 auto}

.index03 .box02 ul li:hover img{animation: swing 1s}

.index03 .box02 ul li b{font-size: 1.6rem;color: #3c3c3c;line-height: 3rem; display: block;}

@media(min-width: 1200px)

{

    .index03{padding:54px 0 5px}

    .index03 .box01{padding-bottom: 36px}

    .index03 .box01 img{display: inline;}

    .index03 .box01 .p2{padding: 22px 0 0;float: right;}

    .index03 .box02{padding-top: 10px}

    .index03 .box02 ul li{width: 25%;line-height: 22px;font-size: 14px;padding: 0 44px;}

    .index03 .box02 ul li b{font-size:20px;line-height: 50px}

}

.index04{padding:3rem 0;background:#fafafa;position: relative;z-index: 1}

.index04 .p01{max-width: 50%}

.index04 .p02{color: #8c8c8c;padding:2rem 0}

.index04 .p03{height: auto;overflow:hidden;}

.index04 .p03 li{width: 33.33%; color: #a8a8a8;text-align: center;float: left;}

.index04 .p03 li big{font-weight: bold;color: #259dfc;font-size: 1.8rem;display: block;}

.index04 .p03 li big span{color: #323232;font-size: 1rem;top: -10px;padding-left: 5px; position: relative;}

.index04 .index04-2{padding:2rem 0.5rem 0;}

.index04 .index04-2 img{max-width: 100%}

@media(min-width: 1200px)

{

    .index04{padding: 80px 0 56px}

    .index04 .index04-1{width: 630px;float: left;}

    .index04 .p02{font-size: 14px;line-height: 25px}

    .index04 .index04-2{width: 498px;float:right;}

    .index04 .p03 li{text-align: left;font-size: 14px;padding-top: 20px}

    .index04 .p03 li big{font-size: 39px}

    .index04 .p03 li big span{font-size: 14px;top: -25px}



}

.index05{padding-bottom:3rem;background:#fafafa;}

.index05 .owl-items{background: #fff;margin: 0 0.5rem;border: 1px #ededed solid}

.index06{background:#fafafa;}

.index06 .index06-1{}

.index06 .index06-1 img{max-width: 50%}

.index06 .nbox01{padding:2rem 0}

.index06 .nbox01 li{color:#8c8c8c;line-height:1.6rem}

.index06 .nbox01 li img{width: 40%;background: #fff;float: left;}

.index06 .nbox01 li .ntxt{width: 55%;float: right;}

.index06 .nbox01 li .p01{color: #000000;font-size: 1.4rem}

.index06 .nbox01 li .p01:hover{color: #259dfc}

.index06 .nbox01 li .p02{line-height: 2.4rem;color: #a0a0a0}

.index06 .nbox01 li .p03{height:3.2rem;overflow: hidden;}

.index06 .nbox01 li .p04{color: #303030}

.index06 .nbox01 li .p04:hover{color: #259dfc}

.index06 .nbox02{}

.index06 .nbox02 .news01 li{color:#8c8c8c;line-height: 1.8rem;}

.index06 .nbox02 .news01 li big{color: #000000;line-height: 3rem; font-size: 1.4rem;display: block;}

.index06 .nbox02 .news01 li big:hover{color: #259dfc}

.index06 .nbox02 .news02{padding: 2rem 0}

.index06 .nbox02 .news02 li{line-height:3rem;font-size: 1.4rem;color: #000}

.index06 .nbox02 .news02 li:hover{color: #259dfc}

@media(min-width: 1200px)

{

    .index06{padding: 30px 0 57px}

    .index06 .index06-1{padding-bottom: 15px}

    .index06 .nbox01{width: 570px;float: left;}

    .index06 .nbox01 li img{width: 237px;height: 158px}

    .index06 .nbox01 li .p01{font-size: 16px}

    .index06 .nbox01 li .p02{font-size: 12px;line-height: 35px}

    .index06 .nbox01 li .p03{line-height: 22px;font-size: 14px;padding-top:8px;height: 52px}

    .index06 .nbox01 li .p04{font-size: 14px;padding-top: 28px}

    .index06 .nbox02{width: 574px;float: right;padding-top: 1rem}

    .index06 .nbox02 .news01 li{line-height: 27px;font-size: 14px}

    .index06 .nbox02 .news01 li big{font-size: 16px;font-weight: bold;}

    .index06 .nbox02 .news02{padding: 1rem 0}

    .index06 .nbox02 .news02 li{width: 50%;font-size: 14px;line-height: 31px;float: left;padding-right: 2rem;}

}



.cmanu{width:100%;height: auto; padding: 1rem 0 1.5rem;margin: 0 auto;overflow: hidden;}

.cmanu li{padding:0.5rem 10%;color: #3b3939;line-height: 30px; font-weight: bold;font-size: 1.5rem;float: left;}

.cmanu li img{padding-right: 0.5rem;float: left;}

.cmanu li:hover{color: #259dfc}

.cmanu li:hover img{animation:swing 1s}

@media(min-width: 1200px)

{

    .cmanu{width:80%;}

    .cmanu li{padding:0.5rem 5%;font-size: 18px}

}

/*contact css*/

.contactbox{height: auto;overflow: hidden;padding: 2rem 0}

.contactbox li{width:48%;color: #666;float: left;background: #d8eefb;margin:1%;padding:0.5rem;text-align: center;}

.contactbox li img{max-width: 25%;display: block;margin:0 auto;padding-bottom:1rem}

.contactbox li a{color: #666;}

.contactbox li a:hover{color: #259dfc;}

.contactbox li:nth-child(1){background: #d8eefb }

.contactbox li:nth-child(2){background: #fdedbd61}

.contactbox li:nth-child(3){background: #ebf3da}

.contactbox li:nth-child(4){background: #259dfc26}

.bn00{width: 100%;text-align: center;font-size: 30px;line-height:30px;padding: 2rem 0}

.bn00 big{color: rgba(0,0,0,0.2);font-size:20px;text-transform: uppercase;display: block;}

@media(min-width: 1200px)

{

    .bn00{line-height: 50px}

    .bn00 big{font-size: 40px}

    .contactbox li{width: 23%;font-size:  14px;padding: 30px}

}

/*yuyue css*/

.layer_yuyue {

    position: fixed;

    width: 80%;

    color: #514a43;

    font-size: 12px;

    padding: 40px 30px;

    background: #fff;

    z-index: 99999;

    left: 10%;

    top: 50%;

    transform: translateY(-50%);

    display: none;

}



.layer_yuyue .p01 {

    font-size: 16px;

    color: #514a43;

    text-align: center;

}



.layer_yuyue .p02 {

    padding: 10px 0;

    text-align: center;

}



.layer_yuyue .p02 span {

    color: #f26122;

    padding: 0 3px;

}



.layer_yuyue .fyuyue01 {

    width: 100%;

    height: 4rem;

    line-height: 4rem;

    outline: none;

    padding: 18px 0px 8px;

    margin-bottom: 10px;

    position: relative;

    border-bottom: 1px solid #ddd;

    background: #fff;

}



.layer_yuyue .fyuyue02 {

    width: 100%;

    height: 4rem;

    line-height: 4rem;

    outline: none;

    color: #fff;

    margin-bottom: 10px;

    position: relative;

    margin-top: 10px;

    border: none;

    background: #259dfc;

}



.show1 {

    transform: scale(1);

}



#layer_shade {

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: #000;

    opacity: 0.6;

    filter: alpha(opacity=60);

    z-index: 99998;

    display: none;

}



@media(min-width: 1200px) {

    #picUL li a .pic_01 img{height: 208px}

    .layer_yuyue {

        width: 460px;

        font-size: 14px;

        padding: 40px;

        left: 50%;

        margin-left: -230px;

    }



    .layer_yuyue .p01 {

        font-size: 26px

    }



}

/*******Css footer*******/



.footer{height: auto;color: #fff;line-height: 2rem; overflow: hidden;background: #303030; padding:2rem 0 7rem 0}

.footer a{color: #fff;}

.footer a:hover{color: #259dfc;}

.fticp{height:50px;line-height: 50px;background: #282828;color: rgba(255,255,255,0.2);font-size: 14px}

.fticp a{color: rgba(255,255,255,0.2)}

.fticp a:hover{color: rgba(255,255,255,1)}

@media(min-width: 1200px)

{

    .footer{line-height: 31px;font-size: 14px;padding: 35px 0}

    .footer .ft01{width: 460px;float: left;padding-top: 5px}

    .footer .ft02{width:430px;float: left;}

    .footer .ft03{width: 270px;text-align: right; float: right;}

    .footer .ft03 a{padding-left: 30px;}

}



/*******Css footer fixed menu*******/



.footernav{ width: 100%; color: #fff; height:auto; overflow: hidden; position: fixed; bottom:0px; padding:10px 0px; left: 0px; z-index: 999; background:#259dfc; }



.footernav a{ color: #fff; }



.footernav ul li{width: 20%; float: left; text-align: center; }



.footernp1{ font-size:2rem;}



.footernp2{ line-height:1.5;}



.footernav ul li.on .footernp1{ animation: swing 1s; }



#warp{ margin-bottom: 25px; }



@media (min-width:768px) 



{



    #footer{ margin-bottom: 0px; text-align: center; }



    .fmenuc a{ width: 12.5%; } 



    .fmenup2{ text-align: center; }



}



@media (min-width:992px) 



{



    .fmenuc a{ width: auto; margin: 0px 20px; display: inline-block; float: none;}



}



@media (min-width:1200px) 



{



    .weixin{ position: absolute; top: 0px; right: 0px; text-align: center; line-height: 40px; }



    #footer{ padding:30px 0px; }



    #warp{ margin-bottom: 50px; }



}







/*******Css page*******/



#page_titles{ height: 35px; line-height: 35px; border-bottom: solid 1px #D4D4D4; position: relative;}



.page_titlet{ font-size: 1.6rem; font-weight: bold; color:#259dfc; float: left;}



.right_titlebtn1{ position: absolute; right: 10px; font-size: 2rem; cursor: pointer; top:0px;color: #259dfc;}



.page_pro{ width: 100%; position: absolute; top: 35px; z-index: 999; left: 0px; background: #f9f9f9; padding:8px 0px; display: none;}



.page_pro a{ width:100%; height:40px; line-height: 40px; float: left; background: url(../Image/line3.jpg) repeat-x bottom;}



.page_pro a span{ width: 80%;  float: left; height: 40px; overflow: hidden; padding-left: 15px; font-size: 1.4rem;}



.page_pro a i{ float: right; margin-right:15px; color: #999; margin-top: 14px; }



.page_pro a.on span{ color: #019140; }



.mess{ padding-bottom: 20px; border-bottom: solid 1px #dedede; margin-bottom: 30px; overflow: hidden;}



.messp1{ height: 30px; line-height: 30px; color:#DB0303; font-size: 1.6rem; font-weight: bold; }



@media (min-width:768px) 



{



    .page_titlec{ float: right; color: #666; }



    .page_titlec a{ color: #666; }



}



@media (min-width:992px) 



{



    .page_titlec{ margin-right: 0px; }



    .page_titlesc{ float: left; margin-left: 30px; }



    .page_titlesc a{ float: left; margin: 0px 10px; position: relative; color: #444444;}



    .page_titlesc a span{ width: 0px; height: 4px; background: #DB0303; position: absolute; transition: all 0.3s; bottom: 0px; left: 50%; margin-left: -50%; }



    .page_titlesc a.on span{ width: 100%; }



    .page_titlesc a:hover span{ width: 100%; }



    .left_side{ width:20%; float: left; margin-top: 25px; }



    .left_sidep1{ height:45px; line-height: 45px; background:#259dfc; font-size: 1.8rem; color: #fff; padding: 0px 20px; }



    .left_sidep1 a{ color: #fff; }



    .left_sideul{ margin-top: 5px; }



    .left_sideul li{ height: 40px; margin-top: 5px; overflow:hidden; }



    .left_sideul li a{ float:left; line-height: 40px; background:#f0f0f1; width: 100%; font-size: 1.4rem; padding: 0px 15px; }



    .left_sideul li a:hover{ background:#259dfc; color: #fff;  }



    .left_sideul li.selectli a{color:#259dfc;font-weight: bold; }



    .pcontact{ margin-top: 25px; }



    .pcontact_01{ margin-top: 5px; line-height: 2; }



    .right_side{ width:78%; float: right; margin-top: 25px; }



}



@media (min-width:1200px) 



{



    .left_sidep1{ height: 50px; line-height: 50px; font-size: 2.3rem; }

    .left_sideul .p01{background: #eee;font-weight: bold;}

    .left_sideul .p02{font-size: 14px;padding-left:40px}

    .left_sideul li a{ font-size: 1.6rem; }



    .pcontact_01{font-size: 15px}



    #page_titles{ height: 50px; line-height: 50px; }



    .page_titlet{ font-size: 2.3rem;  padding: 0px 30px; }



    .page_titlesc{ margin-left: 40px; font-size: 1.6rem;}



    .page_titlesc a{ margin:0px 15px;  }



    .mess{ padding-bottom: 40px; }



    .messp1{ height: 50px; line-height: 50px;  font-size: 2.2rem; }



}







/*******Css company*******/







#proinfos{ margin-top: 20px; }



.proinfosul{ height: 40px; padding: 0px 10px; text-align: center; line-height: 40px; border: solid 1px #DEDEDE;  background: #F7F7F7;}



.proinfosul li{ width:25%; cursor: pointer; float: left;}



.proinfosul li i{  margin-right: 5px; display: inline-block;}



.proinfosul li span{ display: inline-block;}



.proinfosul li:hover{ color: #DB0303; }



.proinfosul .proinfossp1{ width: 1px; height: 40px; float: left; margin: 0px 8px;}



.proinfosul li.active{ color: #259dfc; }



.proinfosc{ margin-top: 10px; padding: 10px 0px; border-top:solid 1px #dedede; }



.prot{ height: 30px; line-height: 30px; overflow: hidden; }



.prot span{ float: left; color:#259dfc; font-size: 1.5rem; font-weight: bold;}



.prot i{ float: left; color: #999; font-size: 1.2rem; margin-left: 5px;}



.procact{ font-size: 1.6rem; font-weight: bold; margin-top: 15px;}



.procactc{ margin-top: 10px; }



.procactc p{ background: #F7F7F7; border: solid 1px #CECECE; padding: 0px 10px; height: 40px; line-height: 40px; margin-bottom: 15px; }



@media (min-width:768px) 



{



    .proinfosul li{ width:16%; }



}



@media (min-width:992px) 



{



    .proinfosul li{ width: 12%; }



    .procactc p{ width: 30%; float:left; margin-right: 1%; }



    .procactc p:last-child{ width: 35%; }



}



@media (min-width:1200px) 



{



    #proinfos{ margin-top: 40px; }



    .proinfosul{ height:58px; line-height: 58px; font-size: 1.6rem;}



    .proinfosul li{ width:15%; }



    .proinfosul li i{ margin-right: 10px; }



    .proinfosul .proinfossp1{ height: 58px; }



    .proinfosc{ padding: 25px 0px; }



    .prot{ height: 50px; line-height: 50px; }



    .prot span{ font-size: 1.8rem; }



    .prot i{ font-size: 1.4rem; margin-left: 10px;}



    .procact{ font-size: 2rem; }



    .procactc{ margin-top: 20px; overflow: hidden;}



    .procactc p{ height: 50px; line-height: 50px; padding: 0px 15px; }



}



/*******Css list*******/



#indexNews1{  }



#indexNews1 li{ border-bottom:#dedede 1px dotted; padding:5px 0px 10px 0px; margin-top: 10px;  height: 100%; overflow: hidden; transition: all 0.3s;}



.indexNews1p1{ height: 30px; line-height: 30px; font-size: 1.4rem; font-weight: bold; overflow: hidden;}



.indexNews1p2{ height: 25px; line-height: 25px; color: #999; overflow: hidden;}



.indexNews1p2 span i{ margin-right: 5px; }



.indexNews1p3{  line-height: 25px; height:50px; overflow:hidden; color: #666;   color: #666; padding-top: 5px; }



#indexNews1 li a:hover .indexNews1p1{ color:#259dfc;}



.indexNews1_img{ margin-bottom: 5px; }



.indexNews1_img img{ width: 100%; }



#indexNews1 li:hover{ transform: translateY(-5px); }



.indexNews1p4{ margin-top: 10px; color: #259dfc;}







#picUL li{ margin:10px 0px; overflow: hidden;}



#picUL li a{ width: 100%; height: 100%; float: left;text-align: center; }



#picUL li a .pic_01{ width: 100%; height: 100%; overflow: hidden;  border:solid 1px #dedede;}



#picUL li a .pic_01 img{ max-width: 100%; transition: all 0.3s; }



#picUL li a .pic_02{ height:35px; line-height: 35px; overflow: hidden; margin:0px 5px;}



#picUL li a:hover{ color: #259dfc;font-weight: bold;}



#picUL li a:hover .pic_01 img{ transform:scale(1.05); }







#proUL li{ padding:0.5rem; overflow: hidden; height: 100%;}



#proUL .pic_01{ overflow: hidden;background: #fff;border: solid 1px #f5f5f5;border-bottom: none}



#proUL .pic_01 img{ width: 100%; transition: all 0.3s; }



#proUL .pic_02{padding: 1rem 0; text-align: center;background: #fff;border: solid 1px #f5f5f5;border-top: none;}

#proUL .pic_02 p{font-size: 1.4rem;color:#000}

#proUL .pic_02 .bt01{padding-left:20px;background: url(../Image/p01.png) left center no-repeat;background-size: auto 90%;padding-right:0.5rem}

#proUL .pic_02 .bt02{padding-left:20px;background: url(../Image/p02.png) left center no-repeat;background-size: auto 90%;}

@media(min-width: 1200px)

{

    #proUL .pic_02 .bt01{padding-left: 30px}

    #proUL .pic_02 .bt02{padding-left: 30px}

}







/*******Css info*******/

#main{margin: -30px auto 30px;border-radius:5px; background:#fff;box-shadow: 0px 0px 30px rgba(0,0,0,0.1);position: relative;z-index: 2}

#company_main{ margin:0 auto; line-height:2.8; padding:10px 0;  }



#company_main img{ max-width:100%; }



#company_main a{ color:#DB0303;}



#contact_main{ margin:0 auto; padding:10px;}



#contact_main a{ color:#DB0303;}



#contact_main p{ padding: 10px; background: #f5f5f5; margin-bottom: 10px; border-radius: 8px; }



#company_main strong{ color:#DB0303;  }



#page_Title{ line-height:1.8; font-size:1.5rem; text-align:center;}



.page_Info{ height:50px; line-height: 50px; margin-top: 15px; color:#666;  border-top:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; }



.page_Infoleft { padding-left: 30px; float: left;}



.page_Infoleft i{ margin-right: 5px; }



.page_Share{ margin-right: 10px; float: right; }



.page_Share a{ float: left; margin-left: 10px;}



.page_Share a:hover{ animation: swing 1s; }



.page_Share span{ float: left; }







#infoImage{ width:100%;text-align:center; margin:15px 0 15px 0;}



#infoImage img{ max-width:100%;  border:#dcdcdc solid 1px;}



.page_tit_bg{ height:45px; background:#F9F9F9; border-radius:5px; margin:15px auto;} 



.page_tit_tit{



    width:130px;



    height:45px;



    border-top-left-radius: 2px;



    border-bottom-left-radius: 2px;



    background:#DB0303;



    color:#ffffff;



    line-height:45px;



    text-align: center;



    font-size: 1.6rem;



}



#page_Content{ margin:0 auto; line-height:2; padding:10px 0; }



#page_Content img{max-width:100%;padding: 1rem 0}



#page_Content table {



    width:100%;



    margin:0 auto;



    border-width:1px;



    color:#333;



    border-color: #f1f1f1 !important;



    border-collapse: collapse;



    box-sizing: border-box;



}



#page_Content table th {



    border-width:1px;



    padding:5px;



    border-style: solid;



    border-color: #f1f1f1 !important;



    background-color: #dedede;



}



#page_Content table td {



    border-width:1px;



    padding:5px;



    border-style: solid;



    border-color: #f1f1f1 !important;



}



#page_Content table td a { text-decoration:underline; color: #333;}



.intypebox{padding: 1rem 0;height: auto;overflow: hidden;}

.intypebox li{width: 33.33%;padding:0.5%;margin-bottom:1%;text-align: center; line-height:45px;height:45px;float: left;}

.intypebox .p01{background: #259dfc;color: #fff;border: 1px #259dfc solid}

.intypebox a{width: 100%; border: 1px #f5f5f5 solid;background: #eee;padding: 0 5px; display: block;}

.intypebox li.selected a{color: #259dfc;font-weight: bold;}

.intypebox li a:hover{background: #259dfc;color: #fff;border: 1px #259dfc solid}

.page_Content{ margin:0 auto; line-height:2; padding:10px 0; }

@media(min-width: 1200px)

{

    .intypebox li{width:16.66%;font-size: 15px;}

    .page_Content{font-size: 15px;line-height: 34px;}

}

.page_Content img{max-width:100%;}



.page_Content table {



    width:100%;



    margin:0 auto;



    border-width:1px;



    color:#333;



    border-color: #f1f1f1 !important;



    border-collapse: collapse;



    box-sizing: border-box;



}



.page_Content table th {



    border-width:1px;



    padding:5px;



    border-style: solid;



    border-color: #f1f1f1 !important;



    background-color: #dedede;



}



.page_Content table td {



    border-width:1px;



    padding:5px;



    border-style: solid;



    border-color: #f1f1f1 !important;



}



.page_Content table td a { text-decoration:underline; color: #333;}







.page_link{ margin-top: 15px; font-size: 18px; color:#DB0303;  }



.search_cp{ height: 45px; line-height: 45px; font-size: 16px; }



.search_cp span{ color:#DB0303; }



/*******Css related*******/



.related{ margin-top:15px; }



.related p{ height:35px; line-height: 35px; font-size: 1.6rem; font-weight:bold; border-bottom:solid 1px #F1F1F1;}



.related ul { width:100%; padding:10px 0px;float:left;}



.related ul li{ width:50%; height:28px; line-height:28px; float:left;}



.related ul li b{ float:left;}



.related ul li a{ float:left; margin-left:5px; display:inline; color:#666;}



.related ul li a:hover{ color:#DB0303;}







.pro_cls{ height: 100%; overflow: hidden; margin:10px auto; }



.pro_cls li{ width: 50%; float: left; margin-top: 10px;}



.pro_cls li a{ width:90%; margin:0px 5%; overflow: hidden; height: 40px; line-height: 40px; border: solid 1px #dedede; border-radius: 10px; text-align: center; float: left;}



.pro_cls li a:hover{ background:#DB0303; color: #fff; }



.pro_cls li.on a{ background:#DB0303; color: #fff; }







#owl-carousel4{ margin-top: 10px; }



#owl-carousel4 .owl-items{ text-align: center;}



.pror_img{ overflow: hidden; }



.pror_img img{ width:100%;}



.pror_txt{ height: 40px; line-height: 40px; overflow: hidden; text-align: center;}







.page_t{ height: 42px; clear: both; margin-top: 20px; }



.page_t span{ height: 40px; line-height: 40px; font-size: 1.8rem; font-weight: bold; border-bottom: solid 2px #999; float: left; }



#zz{ height: 100%; overflow: hidden; margin-top:20px; background: #9AC104; padding:15px 0px;}



.zz_p1{ text-align: center; font-size: 1.8rem; font-weight: bold; color: #fff;}



.zz_p1 a{ color: #fff; }



.zz_p2{ text-align: center; margin-top: 5px; color: #fff;}



.zz_img{ overflow: hidden; }



.zz_img img{ width:100%;}



.zz_txt{ height: 40px; line-height: 40px; overflow: hidden; color: #fff; text-align: center;}



.pro_img{ text-align: center; margin-top: 15px; border: solid 1px #BABABA;}



.pro_img img{ max-width: 100%; }



.pro_con{ margin-top: 10px;}



.pro_conp1{ line-height: 1.5; padding-bottom: 10px; border-bottom: dashed 1px #eee; }



.pro_conp2{ height: 40px; line-height: 40px; font-size:1.6rem;  color: #DB0303;}



.pro_conp2 b{ margin-right: 5px; font-size:2rem; }



.pro_conp3{ height: 40px; margin-top: 10px; }



.pro_conp3 a{ width: 40%; height: 40px; border-radius: 5px; line-height: 40px; float:left; margin:0px 5%; float: left; background: #DB0303; text-align: center; color: #fff; }



.pro_conp3 a.pro_conp3a1{ background: #FF7B02; }



.pro_conp3 a:hover{ background:#FFC314;}



.pro_conp3 a.pro_conp3a1:hover{ background: #FFC314; }



.pro_conp4{ margin-top: 20px; }



.pt{ font-size:1.6rem;  color:#DB0303; }



.pro_pr{ padding: 10px 0px; color: #DB0303; }



.right_content{ padding:10px; }



@media (min-width:768px) 



{



    .right_title_left{ font-size: 2.2rem; width: 180px; height: 50px; line-height: 50px; margin-left:-90px; top:-45px; }



    .indexNews1p3{ line-height: 25px;  padding-top: 5px; overflow: hidden;}



    #page_Title{ font-size: 1.8rem; }



    #contact_main{ width: 80%; float: left; }



    .ewm{ float: right; margin-right: 20px; margin-top: 25px; }



    .pro_cls li{ width: 25%; float: left; }



    .indexNews1_img{ width: 28%; float: left; margin-bottom: 0px; height: 151px;}



    .indexNews1_txt{ width: 70%; float: right; }



    #owl-carousel4 .owl-items{ padding: 5px;}



     



}



@media (min-width:992px) 



{



    #picUL li a .pic_02{ height:40px; line-height: 40px;  }



    .pro_img{ width: 40%; float: left; }



    .pro_con{ width: 55%; float: right;}



    .pro_conp3 a{ width: 150px; margin:0px 15px 0px 0px;  }



    .indexNews1_img{ width: 25%; height: 176px;}



    .indexNews1_txt{ width: 73%; float: right; }



}



@media (min-width:1200px) 



{



    .right_title{ height: 80px; line-height: 80px; }



    .right_title_left{ font-size: 3rem; width: 210px; height: 65px; line-height: 65px; margin-left:-105px; top:-60px; }



    .right_title_right_sp2{ height: 80px; }



    .right_title_right_sp1{ margin-top: 35px; }



    .indexNews1p1{ height:38px; line-height: 38px; font-size: 1.6rem; }



    .indexNews1p3{ font-size: 1.4rem; margin-top: 5px;}



    .indexNews1p4{ margin-top: 10px;font-size: 14px}



    #page_Title{ font-size: 2.2rem; }



    .page_tit_tit{ width: 150px; font-size: 1.8rem; }



    .related p{ font-size: 1.8rem; }



    .related ul li{ height:32px; line-height:32px;  }



    .pro_cls li{ width: 20%; }



    .pro_cls li a{ height: 50px; line-height: 50px; }



    #owl-carousel4{ margin-top: 20px; }



    #owl-carousel4 .owl-items{ padding: 10px;}



    .pror_txt{ height: 50px; line-height: 50px; overflow: hidden; text-align: center;}



    .page_t{ height: 67px; }



    .page_t span{ font-size:3rem; height: 65px; line-height: 65px;}



    .zz_p1{ font-size:3rem; }



    .pro_conp2{ height: 60px; line-height:60px; font-size:2rem; margin-top: 15px;}



    .pro_conp2 b{ font-size:3rem; }



    .pro_img{ margin-top: 30px; }



    .pro_con{ margin-top: 25px; }



    .pro_conp3{ height: 45px; }



    .pro_conp3 a{ height:45px; line-height: 45px; }



    #proUL li{ margin: 15px 0px; }



    #proUL .pic_02{ font-size:14px;padding:20px 0;}

    #proUL .pic_02 .bt01{padding-right: 20px}

    #proUL .pic_02 p{font-size: 16px}



    .pt{ font-size:1.8rem;  }



    .indexNews1_img{ height: 220px;}



    .products_txt3{ height: 42px; margin-top: 10px; }



    .products_txt3 a{ width: 135px; height: 40px; line-height: 40px; }



    .products_txt3 a.products_txta1{ margin-left: 25px;}



}







/*******Css job*******/



#job_ul{}



#job_ul li{



    border-bottom:dashed 1px #cfcfcf;



    padding:10px 0px;



    height: 100%; overflow: hidden;



}



#job_ul li .recruit_info{



    float:left; width: 80%;



}



.job_nam{



    color:#DB0303;



    font-weight:bold;



}



#job_ul li .recruit_but{



    height:45px;



    float:right;



    margin-top:10px;



    margin-right:22px;



}



.job_ul li .recruit_but a{



    width:150px;



    height:45px;



    line-height:45px;



    background: #1C5FB8;



    border-radius:2px;   



    text-align:center; float: left;



}



.recruit_info_tit_bg{



    height:40px;



    background:#f8f8f8;



    border-radius:2px;



    margin:15px auto;



}



.recruit_info_tit_bg .recruit_info_tit{



    width:140px;



    height:45px;



    border-top-left-radius: 2px;



    border-bottom-left-radius: 2px;



    background:#DB0303;



    color:#ffffff;



    line-height:45px;



    text-align: center;



}



.recruit_info_main{



    margin:0px auto;



    margin-top:10px;



    margin-bottom:60px;



    padding:5px 20px;



    line-height: 32px;



}



.seek_job{ margin-left: 20px; }



.seek_job li{ padding-top:10px; height: 100%; overflow: hidden;}



.seek_t1{ float: left; font-weight: bold; height: 40px; line-height: 40px; width:60px;}



.job_nam{ float: left; margin-left: 15px; color:#DB0303; font-weight: bold; }



.G_InputText{



    width:250px;



    height:40px;



    line-height:40px;



    border:1px solid #dedede;



    padding:0px 10px;



    float:left;



    border-radius: 2px;outline: none;



}



.G_InputText:hover{ border:1px solid #DB0303; }



.G_captcha{



    width:100px;



    height:40px;



    line-height:40px;



    border:1px solid #dedede;



    padding:0px 10px;



    float:left;



    border-radius: 2px; outline: none;



}



.G_captcha:hover{ border:1px solid #DB0303; }



.G_textarea{



    width:250px;



    height:150px;



    line-height:30px;



    border:1px solid #dedede;



    padding:0px 10px;



    float:left;



    border-radius: 2px;outline: none;



}



.G_textarea:hover{ border:1px solid #DB0303; }



.G_select{ float: left; border:1px solid #dedede; height: 40px; line-height: 40px; }



.job_radio{ float: left; }



.G_img{ float: left; margin-top: 10px; margin-left: 5px; }



.G_But{



    width:340px;

    max-width: 100%;



    height:50px;



    line-height:50px;



    background:#259dfc;



    border-radius:5px;



    text-align:center;



    color:#FFF;



    cursor:pointer;



    transition: all 0.3s;



    float: left;outline: none; border: 0px;font-size: 18px;



}



.G_But:hover{



    background:#E5A318;



}



@media (min-width:768px) 



{



    .G_InputText{ width: 400px; }



    .G_textarea{ width: 500px; }



}



@media (min-width:1200px) 



{



    .seek_job li{ padding-top: 15px; }



    .G_InputText{ width: 400px; }



    .G_textarea{ width: 550px; }






    .mess_img{ float: right; width: 400px; margin-top: 30px;}



    .mess_img img{ max-width: 100%; }



}



/*******Css prev_next*******/



#prev_next{margin: 10px 10px;clear: both;overflow: hidden; }



#prev_next li{margin: 10px 0;}



#prev_next li i{ margin-right: 5px; }



#prev_next li a:hover{ color: #DB0303; }







/*css digg style pagination*/



div.digg{ margin:10px auto; text-align:center; float:right; display: inline;}



div.digg a{border:#dedede 1px solid; padding:3px 10px; margin:3px; color:#666; display: inline-block;}



div.digg a:hover{border:#DB0303 1px solid;color:#fff; background: #DB0303;}



div.digg a:active{border:#DB0303 1px solid;color:#fff; background: #DB0303;}



div.digg span.current{border:solid 1px #259dfc;padding:3px 15px; font-weight:bold; margin:3px; color:#fff; background-color:#259dfc; display: inline-block;}



div.digg span.disabled{border:#dedede 1px solid;padding:3px 10px;margin:3px;color:#ddd;  display: inline-block;}



div.digg select{ border:#dedede 1px solid; padding:3px 0px; display: inline-block;}